<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>ToolbarSeparator (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>

  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script type="text/javascript">
     google.load("visualization", "1", {packages:["orgchart"]});
     var _loadingVisualizations = true;
  </script>

  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
        <span class="fn">ui.ToolbarSeparator</span>
        <span>Extends</span>
        <span class="fn-name">
          <a href="class_goog_ui_Separator.html">
          goog.ui.Separator
</a>
        </span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    A separator control for a toolbar.


  </div>


        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="local_closure_goog_ui_toolbarseparator.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/local/closure/goog/ui/toolbarseparator.js">Git</a></li>
          </ol>
        </div>
</div>






<h2 class="g-first">Inheritance</h2>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
  <tr><td><span class="type"><a href="class_goog_Disposable.html">goog.Disposable</a></span></td><td></td></tr>
  <tr><td><span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span></td><td><span class="type"><a href="class_goog_Disposable.html">goog.Disposable</a></span></td></tr>
  <tr><td><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span></td><td><span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span></td></tr>
  <tr><td><span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span></td><td><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span></td></tr>
  <tr><td><span class="type"><a href="class_goog_ui_Separator.html">goog.ui.Separator</a></span></td><td><span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span></td></tr>
  <tr><td>goog.ui.ToolbarSeparator</td><td><span class="type"><a href="class_goog_ui_Separator.html">goog.ui.Separator</a></span></td></tr>
</table>
</div>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
</table>
</div>




  <h2>Constructor</h2>
      <div class="fn-constructor">
    goog.ui.ToolbarSeparator(<span><span class="arg">opt_renderer</span>,&nbsp;<span class="arg">opt_domHelper</span></span>)
  </div>

   <h3>Parameters</h3>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_renderer</span>
        : <span class="type">goog.ui.ToolbarSeparatorRenderer=</span>
        <div class="entryOverview">Renderer to render or
   decorate the separator; defaults to
    <code> goog.ui.ToolbarSeparatorRenderer</code>.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_domHelper</span>
        : <span class="type">goog.dom.DomHelper=</span>
        <div class="entryOverview">Optional DOM helper, used for
   document interaction.</div>
     </td>
   </tr>
  </table>


<h2>Instance Methods</h2>


  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_Separator.html">
              goog.ui.Separator
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Separator.prototype.enterDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enterDocument<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Configures the component after its DOM has been rendered.  Overrides
<code> goog.ui.Control#enterDocument</code> by making sure no event handler
is allocated.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_separator.js.source.html#line65">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_Control.html">
              goog.ui.Control
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.addClassName"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addClassName<span class="args">(<span class="arg">className</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Adds the given class name to the list of classes to be applied to the
component's root element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Additional class name to be applied to the
    component's root element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line355">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.canDecorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">canDecorate<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the given element can be decorated by this component.
Overrides <code> goog.ui.Component#canDecorate</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the element can be decorated by this component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line479">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.createDom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDom<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Creates the control's DOM.  Overrides <code> goog.ui.Component#createDom</code> by
delegating DOM manipulation to the control's renderer.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line409">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.decorateInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">decorateInternal<span class="args">(<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Decorates the given element with this component. Overrides <code>
goog.ui.Component#decorateInternal</code> by delegating DOM manipulation
to the control's renderer.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line493">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line616">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.enableClassName"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enableClassName<span class="args">(<span class="arg">className</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Adds or removes the given class name to/from the list of classes to be
applied to the component's root element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">CSS class name to add or remove.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to add or remove the class name.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line392">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.enableMouseEventHandling_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enableMouseEventHandling_<span class="args">(<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Enables or disables mouse event handling on the control.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to enable mouse event handling.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line560">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.enterDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enterDocument<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Configures the component after its DOM has been rendered, and sets up event
handling.  Overrides <code> goog.ui.Component#enterDocument</code>.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line517">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.exitDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">exitDocument<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Cleans up the component before its DOM is removed from the document, and
removes event handlers.  Overrides <code> goog.ui.Component#exitDocument</code>
by making sure that components that are removed from the document aren't
focusable (i.e. have no tab index).

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line604">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getCaption"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getCaption<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Text caption of the control or empty string if none.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line676">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getContent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getContent<span class="args">()</span>
        </span>
        &#8658; <span class="type">goog.ui.ControlContent</span>
      </div>


     <div class="entryOverview">
       Returns the text caption or DOM structure displayed in the component.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">goog.ui.ControlContent</span>&nbsp;
            Text caption or DOM structure
    comprising the component's contents.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line636">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getContentElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getContentElement<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the DOM element into which child components are to be rendered,
or null if the control itself hasn't been rendered yet.  Overrides
<code> goog.ui.Component#getContentElement</code> by delegating to the renderer.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Element to contain child elements (null if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line466">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getExtraClassNames"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getExtraClassNames<span class="args">()</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;
      </div>


     <div class="entryOverview">
       Returns any additional class name(s) to be applied to the component's
root element, or null if no extra class names are needed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&nbsp;
            Additional class names to be applied to
    the component's root element (null if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line344">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getKeyEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getKeyEventTarget<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the DOM element on which the control is listening for keyboard
events (null if none).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Element on which the control is listening for key
    events.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line283">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getKeyHandler"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getKeyHandler<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_events_KeyHandler.html">goog.events.KeyHandler</a></span>
      </div>


     <div class="entryOverview">
       Returns the keyboard event handler for this component, lazily created the
first time this method is called.  Considered protected; should only be
used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_events_KeyHandler.html">goog.events.KeyHandler</a></span>&nbsp;
            Keyboard event handler for this component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line296">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getPreferredAriaRole"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getPreferredAriaRole<span class="args">()</span>
        </span>
        &#8658; <span>?</span><span class="type">goog.a11y.aria.Role</span>
      </div>


     <div class="entryOverview">
       Returns the control's preferred ARIA role. This can be used by a control to
override the role that would be assigned by the renderer.  This is useful in
cases where a different ARIA role is appropriate for a control because of the
context in which it's used.  E.g., a <code> goog.ui.MenuButton</code> added to a
<code> goog.ui.Select</code> should have an ARIA role of LISTBOX and not MENUITEM.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type">goog.a11y.aria.Role</span>&nbsp;
            This control's preferred ARIA role or null if
    no preferred ARIA role is set.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line441">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getRenderer"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getRenderer<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_ui_ControlRenderer.html">goog.ui.ControlRenderer</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Returns the renderer used by this component to render itself or to decorate
an existing element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_ui_ControlRenderer.html">goog.ui.ControlRenderer</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            Renderer used by the component
    (undefined if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line307">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.getState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getState<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the component's state as a bit mask of <code>
goog.ui.Component.State</code>s.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            Bit mask representing component state.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line976">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleBlur"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleBlur<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles blur events on the component's key event target element.  Always
deactivates the component.  In addition, if the component is focusable,
updates its state and styling to indicate that it no longer has keyboard
focus.  Considered protected; should only be used within this package and
by subclasses.  <b>Warning:</b> IE dispatches focus and blur events
asynchronously!

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Blur event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1337">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleContextMenu"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleContextMenu<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles contextmenu events.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1186">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleDblClick"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleDblClick<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles dblclick events.  Should only be registered if the user agent is
IE.  If the component is enabled, performs its associated action by calling
<code> performActionInternal</code>.  This is used to allow more performant
buttons in IE.  In IE, no mousedown event is fired when that mousedown will
trigger a dblclick event.  Because of this, a user clicking quickly will
only cause ACTION events to fire on every other click.  This is a workaround
to generate ACTION events for every click.  Unfortunately, this workaround
won't ever trigger the ACTIVE state.  This is roughly the same behaviour as
if this were a 'button' element with a listener on mouseup.  Considered
protected; should only be used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Mouse event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1273">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleFocus"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleFocus<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles focus events on the component's key event target element.  If the
component is focusable, updates its state and styling to indicate that it
now has keyboard focus.  Considered protected; should only be used within
this package and by subclasses.  <b>Warning:</b> IE dispatches focus and
blur events asynchronously!

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Focus event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1321">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleKeyEvent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleKeyEvent<span class="args">(<span class="arg">e</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Attempts to handle a keyboard event, if the component is enabled and visible,
by calling <code> handleKeyEventInternal</code>.  Considered protected; should only
be used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_KeyEvent.html">goog.events.KeyEvent</a></span>
        <div class="entryOverview">Key event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the key event was handled.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1354">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleKeyEventInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleKeyEventInternal<span class="args">(<span class="arg">e</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Attempts to handle a keyboard event; returns true if the event was handled,
false otherwise.  Considered protected; should only be used within this
package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_KeyEvent.html">goog.events.KeyEvent</a></span>
        <div class="entryOverview">Key event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the key event was handled.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1373">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleMouseDown"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleMouseDown<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles mousedown events.  If the component is enabled, highlights and
activates it.  If the component isn't configured for keyboard access,
prevents it from receiving keyboard focus.  Considered protected; should
only be used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Mouse event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1213">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleMouseOut"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleMouseOut<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles mouseout events.  Dispatches a LEAVE event; if the event isn't
canceled, and the component supports auto-highlighting, deactivates and
un-highlights the component.  Considered protected; should only be used
within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Mouse event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1168">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleMouseOver"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleMouseOver<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles mouseover events.  Dispatches an ENTER event; if the event isn't
canceled, the component is enabled, and it supports auto-highlighting,
highlights the component.  Considered protected; should only be used
within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_BrowserEvent.html">goog.events.BrowserEvent</a></span>
        <div class="entryOverview">Mouse event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1150">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.handleMouseUp"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleMouseUp<span class="args">(<span class="arg">e</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Handles mouseup events.  If the component is enabled, highlights it.  If
the component has previously been activated, performs its associated action
by calling <code> performActionInternal</code>, then deactivates it.  Considered
protected; should only be used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Mouse event to handle.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1246">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.hasState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">hasState<span class="args">(<span class="arg">state</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is in the specified state, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to check.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is in the given state.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line986">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isActive"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isActive<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is active (pressed), false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is active.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line857">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isAllowTextSelection"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isAllowTextSelection<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the control allows text selection within its DOM, false
otherwise.  Controls that disallow text selection have the appropriate
unselectable styling applied to their elements.  Note that controls hosted
in containers will report that they allow text selection even if their
container disallows text selection.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the control allows text selection.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line722">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isAutoState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isAutoState<span class="args">(<span class="arg">state</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component provides default event handling for the state,
false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to check.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component provides default event handling for
    the state.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1064">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isChecked"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isChecked<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is checked, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is checked.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line901">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isDispatchTransitionEvents"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isDispatchTransitionEvents<span class="args">(<span class="arg">state</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is set to dispatch transition events for the
given state, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to check.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component dispatches transition events for
    the state.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1089">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isEnabled"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isEnabled<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is enabled, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is enabled.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line787">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isFocused"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isFocused<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is styled to indicate that it has keyboard
focus, false otherwise.  Note that <code> isFocused()</code> returning true
doesn't guarantee that the component's key event target has keyborad focus,
only that it is styled as such.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is styled to indicate as having
    keyboard focus.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line927">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isHandleMouseEvents"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isHandleMouseEvents<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the control is configured to handle its own mouse events,
false otherwise.  Controls not hosted in <code> goog.ui.Container</code>s have
to handle their own mouse events, but controls hosted in containers may
allow their parent to handle mouse events on their behalf.  Considered
protected; should only be used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the control handles its own mouse events.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line256">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isHighlighted"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isHighlighted<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is currently highlighted, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is highlighted.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line835">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isOpen"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isOpen<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is open (expanded), false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is open.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line953">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isParentDisabled_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isParentDisabled_<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the control has a parent that is itself disabled, false
otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is hosted in a disabled container.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line798">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isSelected"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isSelected<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is selected, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is selected.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line879">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isSupportedState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isSupportedState<span class="args">(<span class="arg">state</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component supports the specified state, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to check.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component supports the given state.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1029">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isTransitionAllowed"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isTransitionAllowed<span class="args">(<span class="arg">state</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the transition into or out of the given state is allowed to
proceed, false otherwise.  A state transition is allowed under the following
conditions:
<ul><li>the component supports the state,
  <li>the component isn't already in the target state,
  <li>either the component is configured not to dispatch events for this
      state transition, or a transition event was dispatched and wasn't
      canceled by any event listener, and
  <li>the component hasn't been disposed of
</li></li></li></li></ul>
Considered protected; should only be used within this package and by
subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to/from which the control is
    transitioning.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the control is entering or leaving the state.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the state transition is allowed to proceed.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1131">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.isVisible"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isVisible<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component's visibility is set to visible, false if
it is set to hidden.  A component that is set to hidden is guaranteed
to be hidden from the user, but the reverse isn't necessarily true.
A component may be set to visible but can otherwise be obscured by another
element, rendered off-screen, or hidden using direct CSS manipulation.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component is visible.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line749">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.performActionInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">performActionInternal<span class="args">(<span class="arg">e</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Performs the appropriate action when the control is activated by the user.
The default implementation first updates the checked and selected state of
controls that support them, then dispatches an ACTION event.  Considered
protected; should only be used within this package and by subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">e</span>
        : <span class="type"><a href="class_goog_events_Event.html">goog.events.Event</a></span>
        <div class="entryOverview">Event that triggered the action.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the action is allowed to proceed.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1289">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.removeClassName"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeClassName<span class="args">(<span class="arg">className</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Removes the given class name from the list of classes to be applied to
the component's root element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Class name to be removed from the component's root
    element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line375">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setActive"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setActive<span class="args">(<span class="arg">active</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Activates or deactivates the component.  Does nothing if this state
transition is disallowed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">active</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to activate or deactivate the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line868">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setAllowTextSelection"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setAllowTextSelection<span class="args">(<span class="arg">allow</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Allows or disallows text selection within the control's DOM.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">allow</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the control should allow text selection.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line731">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setAutoStates"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setAutoStates<span class="args">(<span class="arg">states</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Enables or disables automatic event handling for the given state(s).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">states</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Bit mask of <code> goog.ui.Component.State</code>s for which
    default event handling is to be enabled or disabled.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the component should provide default event
    handling for the state(s).</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1076">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setCaption"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setCaption<span class="args">(<span class="arg">caption</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the text caption of the component.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">caption</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Text caption of the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line694">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setChecked"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setChecked<span class="args">(<span class="arg">check</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Checks or unchecks the component.  Does nothing if this state transition
is disallowed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">check</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to check or uncheck the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line912">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setContent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setContent<span class="args">(<span class="arg">content</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the component's content to the given text caption, element, or array of
nodes.  (If the argument is an array of nodes, it must be an actual array,
not an array-like object.)

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">content</span>
        : <span class="type">goog.ui.ControlContent</span>
        <div class="entryOverview">Text caption or DOM
    structure to set as the component's contents.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line648">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setContentInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setContentInternal<span class="args">(<span class="arg">content</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the component's content to the given text caption, element, or array
of nodes.  Unlike <code> #setContent</code>, doesn't modify the component's DOM.
Called by renderers during element decoration.

This should only be used by subclasses and its associated renderers.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">content</span>
        : <span class="type">goog.ui.ControlContent</span>
        <div class="entryOverview">Text caption or DOM structure
    to set as the component's contents.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line668">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setDispatchTransitionEvents"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setDispatchTransitionEvents<span class="args">(<span class="arg">states</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Enables or disables transition events for the given state(s).  Controls
handle state transitions internally by default, and only dispatch state
transition events if explicitly requested to do so by calling this method.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">states</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Bit mask of <code> goog.ui.Component.State</code>s for
    which transition events should be enabled or disabled.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether transition events should be enabled.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1103">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setEnabled"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setEnabled<span class="args">(<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Enables or disables the component.  Does nothing if this state transition
is disallowed.  If the component is both visible and focusable, updates its
focused state and tab index as needed.  If the component is being disabled,
ensures that it is also deactivated and un-highlighted first.  Note that the
component's enabled/disabled state is "locked" as long as it is hosted in a
<code> goog.ui.Container</code> that is itself disabled; this is to prevent clients
from accidentally re-enabling a control that is in a disabled container.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to enable or disable the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line816">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setFocused"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setFocused<span class="args">(<span class="arg">focused</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Applies or removes styling indicating that the component has keyboard focus.
Note that unlike the other "set" methods, this method is called as a result
of the component's element having received or lost keyboard focus, not the
other way around, so calling <code> setFocused(true)</code> doesn't guarantee that
the component's key event target has keyboard focus, only that it is styled
as such.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">focused</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to apply or remove styling to indicate that
    the component's element has keyboard focus.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line942">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setHandleMouseEvents"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setHandleMouseEvents<span class="args">(<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Enables or disables mouse event handling for the control.  Containers may
use this method to disable mouse event handling in their child controls.
Considered protected; should only be used within this package and by
subclasses.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to enable or disable mouse event handling.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line268">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setHighlighted"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setHighlighted<span class="args">(<span class="arg">highlight</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Highlights or unhighlights the component.  Does nothing if this state
transition is disallowed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">highlight</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to highlight or unhighlight the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line846">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setOpen"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setOpen<span class="args">(<span class="arg">open</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Opens (expands) or closes (collapses) the component.  Does nothing if this
state transition is disallowed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">open</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to open or close the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line964">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setPreferredAriaRole"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setPreferredAriaRole<span class="args">(<span class="arg">role</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the control's preferred ARIA role. This can be used to override the role
that would be assigned by the renderer.  This is useful in cases where a
different ARIA role is appropriate for a control because of the
context in which it's used.  E.g., a <code> goog.ui.MenuButton</code> added to a
<code> goog.ui.Select</code> should have an ARIA role of LISTBOX and not MENUITEM.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">role</span>
        : <span class="type">goog.a11y.aria.Role</span>
        <div class="entryOverview">This control's preferred ARIA role.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line454">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setRenderer"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setRenderer<span class="args">(<span class="arg">renderer</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Registers the given renderer with the component.  Changing renderers after
the component has entered the document is an error.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">renderer</span>
        : <span class="type"><a href="class_goog_ui_ControlRenderer.html">goog.ui.ControlRenderer</a></span>
        <div class="entryOverview">Renderer used by the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line318">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setRightToLeft"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setRightToLeft<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line703">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setSelected"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setSelected<span class="args">(<span class="arg">select</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Selects or unselects the component.  Does nothing if this state transition
is disallowed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">select</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to select or unselect the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line890">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setState<span class="args">(<span class="arg">state</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets or clears the given state on the component, and updates its styling
accordingly.  Does nothing if the component is already in the correct state
or if it doesn't support the specified state.  Doesn't dispatch any state
transition events; use advisedly.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to set or clear.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to set or clear the state (if supported).</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line999">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setStateInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setStateInternal<span class="args">(<span class="arg">state</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the component's state to the state represented by a bit mask of
<code> goog.ui.Component.State</code>s.  Unlike <code> #setState</code>, doesn't
update the component's styling, and doesn't reject unsupported states.
Called by renderers during element decoration.  Considered protected;
should only be used within this package and by subclasses.

This should only be used by subclasses and its associated renderers.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Bit mask representing component state.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1019">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setSupportedState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setSupportedState<span class="args">(<span class="arg">state</span>,&nbsp;<span class="arg">support</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Enables or disables support for the given state. Disabling support
for a state while the component is in that state is an error.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to support or de-support.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">support</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the component should support the state.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line1041">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Control.prototype.setVisible"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setVisible<span class="args">(<span class="arg">visible</span>,&nbsp;<span class="arg">opt_force</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Shows or hides the component.  Does nothing if the component already has
the requested visibility.  Otherwise, dispatches a SHOW or HIDE event as
appropriate, giving listeners a chance to prevent the visibility change.
When showing a component that is both enabled and focusable, ensures that
its key target has a tab index.  When hiding a component that is enabled
and focusable, blurs its key target and removes its tab index.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">visible</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to show or hide the component.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_force</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">If true, doesn't check whether the component
    already has the requested visibility, and doesn't dispatch any events.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the visibility was changed.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line766">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_Component.html">
              goog.ui.Component
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.addChild"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addChild<span class="args">(<span class="arg">child</span>,&nbsp;<span class="arg">opt_render</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Adds the specified component as the last child of this component.  See
<code> goog.ui.Component#addChildAt</code> for detailed semantics.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">child</span>
        : <span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
        <div class="entryOverview">The new child component.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_render</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">If true, the child component will be rendered
   into the parent.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line977">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.addChildAt"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addChildAt<span class="args">(<span class="arg">child</span>,&nbsp;<span class="arg">index</span>,&nbsp;<span class="arg">opt_render</span>)</span>
        </span>
        &#8658; <span class="type">void</span>
      </div>


     <div class="entryOverview">
       Adds the specified component as a child of this component at the given
0-based index.

Both <code> addChild</code> and <code> addChildAt</code> assume the following contract
between parent and child components:
 <ul><li>the child component's element must be a descendant of the parent
       component's element, and
   <li>the DOM state of the child component must be consistent with the DOM
       state of the parent component (see <code> isInDocument</code>) in the
       steady state -- the exception is to addChildAt(child, i, false) and
       then immediately decorate/render the child.
 </li></li></ul>

In particular, <code> parent.addChild(child)</code> will throw an error if the
child component is already in the document, but the parent isn't.

Clients of this API may call <code> addChild</code> and <code> addChildAt</code> with
<code> opt_render</code> set to true.  If <code> opt_render</code> is true, calling these
methods will automatically render the child component's element into the
parent component's element. If the parent does not yet have an element, then
<code> createDom</code> will automatically be invoked on the parent before
rendering the child.

Invoking <code> parent.addChild(child, true)</code> will throw an error if the
child component is already in the document, regardless of the parent's DOM
state.

If <code> opt_render</code> is true and the parent component is not already
in the document, <code> enterDocument</code> will not be called on this component
at this point.

Finally, this method also throws an error if the new child already has a
different parent, or the given index is out of bounds.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">child</span>
        : <span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
        <div class="entryOverview">The new child component.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">index</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">0-based index at which the new child component is to be
   added; must be between 0 and the current child count (inclusive).</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_render</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">If true, the child component will be rendered
   into the parent.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">void</span>&nbsp;
            Nada.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1031">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.canDecorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">canDecorate<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Determines if a given element can be decorated by this type of component.
This method should be overridden by inheriting objects.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            True if the element can be decorated, false otherwise.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line783">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.createDom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDom<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Creates the initial DOM representation for the component.  The default
implementation is to set this.element_ = div.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line658">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.decorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">decorate<span class="args">(<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Decorates the element for the UI component. If the element is in the
document, the enterDocument method will be called.

If goog.ui.Component.ALLOW_DETACHED_DECORATION is false, the caller must
pass an element that is in the document.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line751">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.decorateInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">decorateInternal<span class="args">(<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Actually decorates the element. Should be overridden by inheriting objects.
This method can assume there are checks to ensure the component has not
already been rendered have occurred and that enter document will be called
afterwards. This method is considered protected.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line804">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Disposes of the component.  Calls <code> exitDocument</code>, which is expected to
remove event handlers and clean up the component.  Propagates the call to
the component's children, if any. Removes the component's DOM from the
document unless it was decorated.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line866">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.enterDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enterDocument<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Called when the component's element is known to be in the document. Anything
using document.getElementById etc. should be done at this stage.

If the component contains child components, this call is propagated to its
children.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line816">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.exitDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">exitDocument<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Called by dispose to clean up the elements and listeners created by a
component, or by a parent component/application who has removed the
component from the document but wants to reuse it later.

If the component contains child components, this call is propagated to its
children.

It should be possible for the component to be rendered again once this method
has been called.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line842">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.forEachChild"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">forEachChild<span class="args">(<span class="arg">f</span>,&nbsp;<span class="arg">opt_obj</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Calls the given function on each of this component's children in order.  If
<code> opt_obj</code> is provided, it will be used as the 'this' object in the
function when called.  The function should take two arguments:  the child
component and its 0-based index.  The return value is ignored.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">f</span>
        : <span class="type">function(this:T,?,number</span>)<span>:?</span>
        <div class="entryOverview">The function to call for every
child component; should take 2 arguments (the child and its index).</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_obj</span>
        : <span class="type">T=</span>
        <div class="entryOverview">Used as the 'this' object in f when called.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1216">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getChild"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getChild<span class="args">(<span class="arg">id</span>)</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
      </div>


     <div class="entryOverview">
       Returns the child with the given ID, or null if no such child exists.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">id</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Child component ID.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&nbsp;
            The child with the given ID; null if none.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1188">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getChildAt"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getChildAt<span class="args">(<span class="arg">index</span>)</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
      </div>


     <div class="entryOverview">
       Returns the child at the given index, or null if the index is out of bounds.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">index</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">0-based index.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&nbsp;
            The child at the given index; null if none.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1200">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getChildCount"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getChildCount<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the number of children of this component.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            The number of children.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1159">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getChildIds"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getChildIds<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;
      </div>


     <div class="entryOverview">
       Returns an array containing the IDs of the children of this component, or an
empty array if the component has no children.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&nbsp;
            Child component IDs.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1169">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getContentElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getContentElement<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the DOM element into which child components are to be rendered,
or null if the component itself hasn't been rendered yet.  This default
implementation returns the component's root element.  Subclasses with
complex DOM structures must override this method.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Element to contain child elements (null if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1111">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getDomHelper"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getDomHelper<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_dom_DomHelper.html">goog.dom.DomHelper</a></span>
      </div>


     <div class="entryOverview">
       Returns the dom helper that is being used on this component.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_dom_DomHelper.html">goog.dom.DomHelper</a></span>&nbsp;
            The dom helper used on this component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line640">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getElement<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Gets the component's element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The element for the component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line494">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getElementByClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getElementByClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the first element in this component's DOM with the provided
className.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The name of the class to look for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The first item with the class name provided.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line549">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getElementByFragment"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getElementByFragment<span class="args">(<span class="arg">idFragment</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Helper function for returning an element in the document with a unique id
generated using makeId().

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">idFragment</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The partial id.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The element with the unique id, or null if it cannot be
    found.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line960">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getElementStrict"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getElementStrict<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Gets the component's element. This differs from getElement in that
it assumes that the element exists (i.e. the component has been
rendered/decorated) and will cause an assertion error otherwise (if
assertion is enabled).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The element for the component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line506">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getElementsByClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getElementsByClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type">goog.array.ArrayLike</span>
      </div>


     <div class="entryOverview">
       Returns an array of all the elements in this component's DOM with the
provided className.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The name of the class to look for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type">goog.array.ArrayLike</span>&nbsp;
            The items found with the class name provided.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line537">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getFragmentFromId"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getFragmentFromId<span class="args">(<span class="arg">id</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Helper function for returning the fragment portion of an id generated using
makeId().

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">id</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Id generated with makeId().</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Fragment.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line948">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getHandler"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getHandler<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_events_EventHandler.html">goog.events.EventHandler</a></span>.&lt;<span class="type">T</span>&gt;
      </div>


     <div class="entryOverview">
       Returns the event handler for this component, lazily created the first time
this method is called.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_events_EventHandler.html">goog.events.EventHandler</a></span>.&lt;<span class="type">T</span>&gt;&nbsp;
            Event handler for this component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line578">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getId"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getId<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Gets the unique ID for the instance of this component.  If the instance
doesn't already have an ID, generates one on the fly.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Unique component ID.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line465">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getModel"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getModel<span class="args">()</span>
        </span>
        &#8658; <span class="type">*</span>
      </div>


     <div class="entryOverview">
       Returns the model associated with the UI component.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">*</span>&nbsp;
            The model.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line928">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getParent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getParent<span class="args">()</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
      </div>


     <div class="entryOverview">
       Returns the component's parent, if any.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&nbsp;
            The parent component.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line618">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.getRequiredElementByClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getRequiredElementByClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Similar to <code> getElementByClass</code> except that it expects the
element to be present in the dom thus returning a required value. Otherwise,
will assert.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The name of the class to look for.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The first item with the class name provided.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line562">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.hasChildren"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">hasChildren<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component has children.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            True if the component has children.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1150">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.indexOfChild"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">indexOfChild<span class="args">(<span class="arg">child</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
      </div>


     <div class="entryOverview">
       Returns the 0-based index of the given child component, or -1 if no such
child is found.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">child</span>
        : <span>?</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
        <div class="entryOverview">The child component.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&nbsp;
            0-based index of the child component; -1 if not found.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1229">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.isInDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isInDocument<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Determines whether the component has been added to the document.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            TRUE if rendered. Otherwise, FALSE.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line649">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.isRightToLeft"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isRightToLeft<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the component is rendered right-to-left, false otherwise.
The first time this function is invoked, the right-to-left rendering property
is set if it has not been already.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the control is rendered right-to-left.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1122">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.makeId"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">makeId<span class="args">(<span class="arg">idFragment</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Helper function for subclasses that gets a unique id for a given fragment,
this can be used by components to generate unique string ids for DOM
elements.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">idFragment</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">A partial id.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Unique element id.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line903">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.makeIds"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">makeIds<span class="args">(<span class="arg">object</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
      </div>


     <div class="entryOverview">
       Makes a collection of ids.  This is a convenience method for makeId.  The
object's values are the id fragments and the new values are the generated
ids.  The key will remain the same.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">object</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
        <div class="entryOverview">The object that will be used to create the ids.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>&nbsp;
            An object of id keys to generated ids.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line915">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.removeChild"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeChild<span class="args">(<span class="arg">child</span>,&nbsp;<span class="arg">opt_unrender</span>)</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
      </div>


     <div class="entryOverview">
       Removes the given child from this component, and returns it.  Throws an error
if the argument is invalid or if the specified child isn't found in the
parent component.  The argument can either be a string (interpreted as the
ID of the child component to remove) or the child component itself.

If <code> opt_unrender</code> is true, calls <code> goog.ui.component#exitDocument</code>
on the removed child, and subsequently detaches the child's DOM from the
document.  Otherwise it is the caller's responsibility to clean up the child
component's DOM.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">child</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span><span>&nbsp;|&nbsp;</span><span class="type">null</span>
        <div class="entryOverview">The ID of the child to remove,
   or the child component itself.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_unrender</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">If true, calls <code> exitDocument</code> on the
   removed child component, and detaches its DOM from the document.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&nbsp;
            The removed component, if any.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1253">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.removeChildAt"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeChildAt<span class="args">(<span class="arg">index</span>,&nbsp;<span class="arg">opt_unrender</span>)</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
      </div>


     <div class="entryOverview">
       Removes the child at the given index from this component, and returns it.
Throws an error if the argument is out of bounds, or if the specified child
isn't found in the parent.  See <code> goog.ui.Component#removeChild</code> for
detailed semantics.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">index</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">0-based index of the child to remove.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_unrender</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">If true, calls <code> exitDocument</code> on the
   removed child component, and detaches its DOM from the document.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&nbsp;
            The removed component, if any.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1299">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.removeChildren"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeChildren<span class="args">(<span class="arg">opt_unrender</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&gt;
      </div>


     <div class="entryOverview">
       Removes every child component attached to this one and returns them.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_unrender</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">If true, calls <code> #exitDocument</code> on the
   removed child components, and detaches their DOM from the document.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>&gt;&nbsp;
            The removed components if any.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1313">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.render"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">render<span class="args">(<span class="arg">opt_parentElement</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Renders the component.  If a parent element is supplied, the component's
element will be appended to it.  If there is no optional parent element and
the element doesn't have a parentNode then it will be appended to the
document body.

If this component has a parent component, and the parent component is
not in the document already, then this will not call <code> enterDocument</code>
on this component.

Throws an Error if the component is already rendered.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_parentElement</span>
        : <span class="type">Element=</span>
        <div class="entryOverview">Optional parent element to render the
   component into.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line678">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.renderBefore"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">renderBefore<span class="args">(<span class="arg">sibling</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Renders the component before another element. The other element should be in
the document already.

Throws an Error if the component is already rendered.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">sibling</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Node">Node</a></span>
        <div class="entryOverview">Node to render the component before.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line691">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.render_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">render_<span class="args">(<span class="arg">opt_parentElement</span>,&nbsp;<span class="arg">opt_beforeNode</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Renders the component.  If a parent element is supplied, the component's
element will be appended to it.  If there is no optional parent element and
the element doesn't have a parentNode then it will be appended to the
document body.

If this component has a parent component, and the parent component is
not in the document already, then this will not call <code> enterDocument</code>
on this component.

Throws an Error if the component is already rendered.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">opt_parentElement</span>
        : <span class="type">Element=</span>
        <div class="entryOverview">Optional parent element to render the
   component into.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_beforeNode</span>
        : <span class="type">Node=</span>
        <div class="entryOverview">Node before which the component is to
   be rendered.  If left out the node is appended to the parent element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line715">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.setElementInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setElementInternal<span class="args">(<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the component's root element to the given element.  Considered
protected and final.

This should generally only be called during createDom. Setting the element
does not actually change which element is rendered, only the element that is
associated with this UI component.

This should only be used by subclasses and its associated renderers.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Root element for the component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line526">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.setId"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setId<span class="args">(<span class="arg">id</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Assigns an ID to this component instance.  It is the caller's responsibility
to guarantee that the ID is unique.  If the component is a child of a parent
component, then the parent component's child index is updated to reflect the
new ID; this may throw an error if the parent already has a child with an ID
that conflicts with the new ID.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">id</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">Unique component ID.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line478">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.setModel"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setModel<span class="args">(<span class="arg">obj</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the model associated with the UI component.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">obj</span>
        : <span class="type">*</span>
        <div class="entryOverview">The model.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line937">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.setParent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setParent<span class="args">(<span class="arg">parent</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the parent of this component to use for event bubbling.  Throws an error
if the component already has a parent or if an attempt is made to add a
component to itself as a child.  Callers must use <code> removeChild</code>
or <code> removeChildAt</code> to remove components from their containers before
calling this method.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">parent</span>
        : <span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
        <div class="entryOverview">The parent component.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line596">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.setParentEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setParentEventTarget<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Overrides <code> goog.events.EventTarget#setParentEventTarget</code> to throw an
error if the parent component is set, and the argument is not the parent.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line628">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.setRightToLeft"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setRightToLeft<span class="args">(<span class="arg">rightToLeft</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set is right-to-left. This function should be used if the component needs
to know the rendering direction during dom creation (i.e. before
<code> #enterDocument</code> is called and is right-to-left is set).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">rightToLeft</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the component is rendered
    right-to-left.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line1138">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.Component.prototype.wasDecorated"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">wasDecorated<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the component was decorated.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line791">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_events_EventTarget.html">
              goog.events.EventTarget
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.events.EventTarget.prototype.addEventListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addEventListener<span class="args">(<span class="arg">type</span>,&nbsp;<span class="arg"></span>,&nbsp;<span class="arg">opt_capture</span>,&nbsp;<span class="arg">opt_handlerScope</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> #listen</code> instead, when possible. Otherwise, use
    <code> goog.events.listen</code> if you are passing Object
    (instead of Function) as handler.</span>
       Adds an event listener to the event target. The same handler can only be
added once per the type. Even if you add the same handler multiple times
using the same type then it will only be called once when the event is
dispatched.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">type</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The type of the event to listen for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName"></span>
        : <span>?</span><span class="type">function(</span>)<span>:?</span><span>&nbsp;|&nbsp;</span><span>?</span><span class="type">{handleEvent:function(</span>)<span>:?</span>
        <div class="entryOverview"><span class='nodesc'>No description.</span></div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_capture</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">In DOM-compliant browsers, this determines
    whether the listener is fired during the capture or bubble phase
    of the event.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_handlerScope</span>
        : <span class="type">Object=</span>
        <div class="entryOverview">Object in whose scope to call
    the listener.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line153">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.assertInitialized_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">assertInitialized_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Asserts that the event target instance is initialized properly.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line332">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.dispatchEvent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">dispatchEvent<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line184">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Removes listeners from this object.  Classes that extend EventTarget may
need to override this method in order to remove references to DOM Elements
and additional listeners.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line210">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.fireListeners"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">fireListeners<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line264">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.getListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getListener<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line302">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.getListeners"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getListeners<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line296">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.getParentEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getParentEventTarget<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
      </div>


     <div class="entryOverview">
       Returns the parent of this event target to use for bubbling.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>&nbsp;
            The parent EventTarget or null if
    there is no parent.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line119">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.hasListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">hasListener<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line310">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.listen"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">listen<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line219">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.listenOnce"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">listenOnce<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line229">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.removeAllListeners"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeAllListeners<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line252">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.events.EventTarget.prototype.removeEventListener"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">removeEventListener<span class="args">(<span class="arg">type</span>,&nbsp;<span class="arg"></span>,&nbsp;<span class="arg">opt_capture</span>,&nbsp;<span class="arg">opt_handlerScope</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> #unlisten</code> instead, when possible. Otherwise, use
    <code> goog.events.unlisten</code> if you are passing Object
    (instead of Function) as handler.</span>
       Removes an event listener from the event target. The handler must be the
same object as the one added. If the handler has not been added then
nothing is done.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">type</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">The type of the event to listen for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName"></span>
        : <span>?</span><span class="type">function(</span>)<span>:?</span><span>&nbsp;|&nbsp;</span><span>?</span><span class="type">{handleEvent:function(</span>)<span>:?</span>
        <div class="entryOverview"><span class='nodesc'>No description.</span></div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_capture</span>
        : <span class="type">boolean=</span>
        <div class="entryOverview">In DOM-compliant browsers, this determines
    whether the listener is fired during the capture or bubble phase
    of the event.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_handlerScope</span>
        : <span class="type">Object=</span>
        <div class="entryOverview">Object in whose scope to call
    the listener.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line177">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.setParentEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setParentEventTarget<span class="args">(<span class="arg">parent</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the parent of this event target to use for capture/bubble
mechanism.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">parent</span>
        : <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
        <div class="entryOverview">Parent listenable (null if none).</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line129">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.setTargetForTesting"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setTargetForTesting<span class="args">(<span class="arg">target</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the target to be used for <code> event.target</code> when firing
event. Mainly used for testing. For example, see
<code> goog.testing.events.mixinListenable</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">target</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span>
        <div class="entryOverview">The target.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line323">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.unlisten"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">unlisten<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line238">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.events.EventTarget.prototype.unlistenByKey"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">unlistenByKey<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line246">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_Disposable.html">
              goog.Disposable
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.addOnDisposeCallback"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">addOnDisposeCallback<span class="args">(<span class="arg">callback</span>,&nbsp;<span class="arg">opt_scope</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Invokes a callback function when this object is disposed. Callbacks are
invoked in the order in which they were added.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">callback</span>
        : <span class="type">function(this:T</span>)<span>:?</span>
        <div class="entryOverview">The callback function.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_scope</span>
        : <span class="type">T=</span>
        <div class="entryOverview">An optional scope to call the callback in.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line211">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.dispose"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">dispose<span class="args">()</span>
        </span>
        &#8658; <span class="type">void</span>
      </div>


     <div class="entryOverview">
       Disposes of the object. If the object hasn't already been disposed of, calls
<code> #disposeInternal</code>. Classes that extend <code> goog.Disposable</code> should
override <code> #disposeInternal</code> in order to delete references to COM
objects, DOM nodes, and other disposable objects. Reentrant.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">void</span>&nbsp;
            Nothing.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line172">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.disposeInternal"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposeInternal<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Deletes or nulls out any references to COM objects, DOM nodes, or other
disposable objects. Classes that extend <code> goog.Disposable</code> should
override this method.
Not reentrant. To avoid calling it twice, it must only be called from the
subclass' <code> disposeInternal</code> method. Everywhere else the public
<code> dispose</code> method must be used.
For example:
<pre class="lang-js prettyprint">
  mypackage.MyClass = function() {
    goog.base(this);
    // Constructor logic specific to MyClass.
    ...
  };
  goog.inherits(mypackage.MyClass, goog.Disposable);

  mypackage.MyClass.prototype.disposeInternal = function() {
    // Dispose logic specific to MyClass.
    ...
    // Call superclass's disposeInternal at the end of the subclass's, like
    // in C++, to avoid hard-to-catch issues.
    goog.base(this, 'disposeInternal');
  };
</pre>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line245">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.Disposable.prototype.getDisposed"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getDisposed<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> #isDisposed</code> instead.</span>
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the object has been disposed of.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line160">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.isDisposed"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isDisposed<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the object has been disposed of.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line151">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.Disposable.prototype.registerDisposable"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">registerDisposable<span class="args">(<span class="arg">disposable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Associates a disposable object with this object so that they will be disposed
together.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">disposable</span>
        : <span class="type"><a href="interface_goog_disposable_IDisposable.html">goog.disposable.IDisposable</a></span>
        <div class="entryOverview">that will be disposed when
    this object is disposed.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line199">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>




<h2>Instance Properties</h2>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_ToolbarSeparator.html">
              goog.ui.ToolbarSeparator
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.ToolbarSeparator.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_toolbarseparator.js.source.html#line41">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_Separator.html">
              goog.ui.Separator
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.Separator.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_separator.js.source.html#line44">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_Control.html">
              goog.ui.Control
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.allowTextSelection_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">allowTextSelection_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the control allows text selection within its DOM.  Defaults to false.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line234">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.autoStates_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">autoStates_</span>
        : 
     </div>


     <div class="entryOverview">
       A bit mask of <code> goog.ui.Component.State</code>s for which this component
provides default event handling.  For example, a component that handles
the HOVER state automatically will highlight itself on mouseover, whereas
a component that doesn't handle HOVER automatically will only dispatch
ENTER and LEAVE events but not call <code> setHighlighted</code> on itself.
By default, components provide default event handling for all states.
Controls hosted in containers (e.g. menu items in a menu, or buttons in a
toolbar) will typically want to have their container manage their highlight
state.  Selectable controls managed by a selection model will also typically
want their selection state to be managed by the model.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line179">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line75">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.content_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">content_</span>
        : 
     </div>


     <div class="entryOverview">
       Text caption or DOM structure displayed in the component.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line142">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.extraClassNames_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">extraClassNames_</span>
        : 
     </div>


     <div class="entryOverview">
       Additional class name(s) to apply to the control's root element, if any.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line217">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.handleMouseEvents_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">handleMouseEvents_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the control should listen for and handle mouse events; defaults to
true.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line226">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.keyHandler_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">keyHandler_</span>
        : <span class="type"><a href="class_goog_events_KeyHandler.html">goog.events.KeyHandler</a></span>
     </div>


     <div class="entryOverview">
       Keyboard event handler.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line209">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.preferredAriaRole_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">preferredAriaRole_</span>
        : 
     </div>


     <div class="entryOverview">
       The control's preferred ARIA role.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line242">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.renderer_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">renderer_</span>
        : <span class="type"><a href="class_goog_ui_ControlRenderer.html">goog.ui.ControlRenderer</a></span>
     </div>


     <div class="entryOverview">
       Renderer associated with the component.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line134">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.state_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">state_</span>
        : 
     </div>


     <div class="entryOverview">
       Current component state; a bit mask of <code> goog.ui.Component.State</code>s.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line150">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.statesWithTransitionEvents_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">statesWithTransitionEvents_</span>
        : 
     </div>


     <div class="entryOverview">
       A bit mask of <code> goog.ui.Component.State</code>s for which this component
dispatches state transition events.  Because events are expensive, the
default behavior is to not dispatch any state transition events at all.
Use the <code> #setDispatchTransitionEvents</code> API to request transition
events  as needed.  Subclasses may enable transition events by default.
Controls hosted in containers or managed by a selection model will typically
want to dispatch transition events.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line193">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.supportedStates_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">supportedStates_</span>
        : 
     </div>


     <div class="entryOverview">
       A bit mask of <code> goog.ui.Component.State</code>s this component supports.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line158">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Control.prototype.visible_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">visible_</span>
        : 
     </div>


     <div class="entryOverview">
       Component visibility.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_control.js.source.html#line201">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_Component.html">
              goog.ui.Component
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.childIndex_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">childIndex_</span>
        : 
     </div>


     <div class="entryOverview">
       Map of child component IDs to child components.  Used for constant-time
random access to child components by ID.  Lazily initialized on first use.
Must be kept in sync with <code> children_</code>.  This property is strictly
private and must not be accessed directly outside of this class!

We use a plain Object, not a <code> goog.structs.Map</code>, for simplicity.
This means components can't have children with IDs such as 'constructor' or
'valueOf', but this shouldn't really be an issue in practice, and if it is,
we can always fix it later without changing the API.


     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line442">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.children_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">children_</span>
        : 
     </div>


     <div class="entryOverview">
       Array of child components.  Lazily initialized on first use.  Must be kept in
sync with <code> childIndex_</code>.  This property is strictly private and must
not be accessed directly outside of this class!

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line425">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line48">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.dom_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">dom_</span>
        : <span class="type"><a href="class_goog_dom_DomHelper.html">goog.dom.DomHelper</a></span>
     </div>


     <div class="entryOverview">
       DomHelper used to interact with the document, allowing components to be
created in a different window.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line360">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.element_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">element_</span>
        : 
     </div>


     <div class="entryOverview">
       The DOM element for the component.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line377">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.googUiComponentHandler_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">googUiComponentHandler_</span>
        : <span class="type"><a href="class_goog_events_EventHandler.html">goog.events.EventHandler</a></span>
     </div>


     <div class="entryOverview">
       Event handler.
TODO(user): rename it to handler_ after all component subclasses in
inside Google have been cleaned up.
Code search: <a href="http://go/component_code_search">http://go/component_code_search</a>

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line388">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.idGenerator_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">idGenerator_</span>
        : <span class="type"><a href="class_goog_ui_IdGenerator.html">goog.ui.IdGenerator</a></span>
     </div>


     <div class="entryOverview">
       Generator for unique IDs.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line72">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.id_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">id_</span>
        : 
     </div>


     <div class="entryOverview">
       Unique ID of the component, lazily initialized in <code>
goog.ui.Component#getId</code> if needed.  This property is strictly private and
must not be accessed directly outside of this class!

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line350">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.inDocument_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">inDocument_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the component is in the document.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line368">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.model_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">model_</span>
        : 
     </div>


     <div class="entryOverview">
       Arbitrary data object associated with the component.  Such as meta-data.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line406">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.parent_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">parent_</span>
        : <span class="type"><a href="class_goog_ui_Component.html">goog.ui.Component</a></span>
     </div>


     <div class="entryOverview">
       Parent component to which events will be propagated.  This property is
strictly private and must not be accessed directly outside of this class!

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line415">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.rightToLeft_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">rightToLeft_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the component is rendered right-to-left.  Right-to-left is set
lazily when <code> #isRightToLeft</code> is called the first time, unless it has
been set by calling <code> #setRightToLeft</code> explicitly.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line398">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.Component.prototype.wasDecorated_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">wasDecorated_</span>
        : 
     </div>


     <div class="entryOverview">
       Flag used to keep track of whether a component decorated an already existing
element or whether it created the DOM itself.

If an element is decorated, dispose will leave the node in the document.
It is up to the app to remove the node.

If an element was rendered, dispose will remove the node automatically.


     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_component.js.source.html#line457">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_events_EventTarget.html">
              goog.events.EventTarget
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.actualEventTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">actualEventTarget_</span>
        : <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
     </div>


     <div class="entryOverview">
       The object to use for event.target. Useful when mixing in an
EventTarget to another object.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line84">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line70">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.eventTargetListeners_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">eventTargetListeners_</span>
        : <span class="type"><a href="class_goog_events_ListenerMap.html">goog.events.ListenerMap</a></span>
     </div>


     <div class="entryOverview">
       Maps of event type to an array of listeners.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line77">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.events.EventTarget.prototype.parentEventTarget_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">parentEventTarget_</span>
        : <span class="type"><a href="class_goog_events_EventTarget.html">goog.events.EventTarget</a></span>
     </div>


     <div class="entryOverview">
       Parent event target, used during event bubbling.

TODO(user): Change this to goog.events.Listenable. This
currently breaks people who expect getParentEventTarget to return
goog.events.EventTarget.


     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_events_eventtarget.js.source.html#line109">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_Disposable.html">
              goog.Disposable
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.Disposable.prototype.creationStack"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">creationStack</span>
        : 
     </div>


     <div class="entryOverview">
       If monitoring the goog.Disposable instances is enabled, stores the creation
stack trace of the Disposable instance.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line144">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.Disposable.prototype.disposed_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">disposed_</span>
        : 
     </div>


     <div class="entryOverview">
       Whether the object has been disposed of.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line128">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.Disposable.prototype.onDisposeCallbacks_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">onDisposeCallbacks_</span>
        : 
     </div>


     <div class="entryOverview">
       Callbacks to invoke when this object is disposed.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_disposable_disposable.js.source.html#line136">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>










<div class="section">
  <table class="horiz-rule">


  </table>
</div>



<h2>Static Properties</h2>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.ToolbarSeparator.superClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ToolbarSeparator.</span><span class="entryName">superClass_</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_toolbarseparator.js.source.html#line41">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>
      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Package ui</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">Package Reference</h2>
            <div id="sideTypeIndex" rootPath="" current="ui.ToolbarSeparator"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
